Slack -The power of empty states how Slack drives user activation空狀態設計四型別

空狀態的重要性:

雖然這些狀態在技術上沒有內容顯示,經常被產品設計忽視,但它們對使用者體驗非常重要,原因是:

權威使用者體驗研究機構 NNGroup 指出:

Totally empty states cause confusion about how and whether the system is working. An empty screen leaves people with questions: Is the system finished processing the request? Is content still loading? Did an error occur? Did I set the wrong filters or parameters?完全空白的狀態會讓使用者對系統是否正常執行產生疑問:請求是否處理完成?是否還在載入?是否出錯了?過濾條件是否設定錯誤?

Slack 從 2013 到 2025 的發展歷程

Slack 是創業界的傳奇,從 Glitch 遊戲失敗後轉型為團隊溝通工具。8個月內就達到獨角獸估值。2013 年推出後快速增長,到 2019 年日活使用者達 1000 萬,歸功於遠端辦公趨勢和產品驅動增長。2021 年被 Salesforce 以 277 億美元收購,但增長從 2023 年的 46% 降至 2024 年的 16%。

然而,到2025年,Slack現在擁有遍佈150個國家的20萬付費客戶,其中包括77%的財富100強公司。儘管增長放緩,這些數字依然令人瞠目。

Empty states in search 搜尋中的空狀態 🔎

搜尋欄提示文字會隨機變化,展示有趣實用的內容,讓產品感覺更人性化。

這種設計有兩個作用:

  1. 每次顯示不同內容,增加使用者使用樂趣 🧠
  1. 透過趣味性激發探索慾望 🧠

這種設計不僅提升了使用者參與度,還讓搜尋功能更易理解。透過在功能中注入趣味和個性,Slack成功在競爭中脫穎而出。

First use onboarding empty states 首次使用的空狀態設計

建立Slack工作區並用Slack Connect接受客戶邀請,作為新使用者試用後,頻道的空狀態設計。

注意頁面不是空白的。我能看到活動(比如我的加入記錄)、模板、歡迎訊息和輸入提示。

即使我還沒有任何操作,工作區就已經顯得很活躍了。我還看到系統已經自動為我建立了三個頻道。

每個頻道都有專門的空狀態設計:

這些建議操作簡單輕鬆,比如:

這些操作都在引導使用者完成核心任務,幫助新使用者更好地參與和上手。

Slack甚至為自己和自己的私聊設計了空狀態。Slack透過預判使用者需求,降低使用門檻,引導完成關鍵步驟。這種自然融入的引導方式,比傳統的提示和彈窗更有效。

預設提示文字"給自己留言..."和"明天,我要..."貼近使用者在即時通訊軟體中的日常使用習慣。這種設計減少了使用者面對空白頁面時的困惑感。就像進入房間會短暫忘記目的一樣,開啟新頁面也需要適當引導。

主要目標:

  1. 熟悉新環境
  1. 瞭解功能用法
  1. 簡化初始設定
  1. 避免操作障礙
  1. 營造活躍氛圍

Cleared End-goal empty states 任務完成的空狀態設計

Slack移動端的"追趕進度"功能讓使用者可以透過左右滑動快速瀏覽訊息。瀏覽完成後會顯示一條簡短的祝賀語。和搜尋欄類似,瀏覽完成提示也會隨機變化,風格從輕鬆到熱情不等:

錯誤狀態設計 (Error States):隨機提示語給產品增添個性,在各功能中保持統一風格,打造獨特品牌體驗。這種輕鬆的風格區別於Teams等競品。這些提示不僅展現品牌特色,還能標示任務完成,給出結束訊號。任務完成時的滿足感有助於養成使用習慣。

Uh oh error empty states 錯誤狀態設計

測試錯誤狀態的兩種方法:斷網時顯示骨架屏,讓介面保持基本輪廓,避免白屏帶來的突兀感。這種設計讓產品看起來在後臺工作,營造勞動錯覺效果🧠

  1. 斷開網路連線
  1. 搜尋不存在的內容

斷網提示:工作區載入遇到問題,以下是一些建議:

使用者體驗亮點:系統坦誠提供解決辦法。搜尋無結果時提供最佳化建議和反饋入口。

In conclusion: empty states as strategic UX 將空狀態作為戰略性使用者體驗

  1. 保持親和力:用個性化的品牌聲音與使用者溝通,避免陳詞濫調。用你希望別人對你說話的方式來設計。
  1. 保持在場:避免留白和死衚衕,把每個空狀態都變成提升使用者參與度的機會。

具體實施可以遵循以下步驟:

  1. 稽核空狀態,識別產品中的所有空白頁面和狀態。
  1. 增加個性,運用品牌一致的語言建立人性化連線。
  1. 簡化體驗,提供清晰指引和模板,預防使用者困惑。
  1. 創造動力,透過空狀態自然引導使用者完成關鍵操作。
  1. 保持透明,遇到問題時坦誠溝通,提供明確解決方案。